<link rel="import" href="../bower_components/paper-input/paper-input.html">

<dom-module id="my-simple-namecard">
  <template>
    <div>
      Hi! My name is <span>Jane</span>
      <paper-input label="Label" value="Value"></paper-input>
    </div>
  </template>

  <style>
    :host {
      --text-color: red;
    }

    paper-input {
      width: 100%;
      --paper-input-container-input-color: var(--text-color);
      --paper-input-container-underline: {
        background: rgba(255, 255, 255, 0.2);
      }
    }
  </style>

  <script>
    Polymer({
      is: 'my-simple-namecard'
    });
  </script>
</dom-module>